<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>

	<!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8">
	<title>PA-Learning</title>
	<meta name="description" content="">
	<meta name="author" content="Ahmed Saeed">
	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="css/bootstrap.min.css" media="screen">
	<!-- jquery ui css -->
	<link rel="stylesheet" href="css/jquery-ui-1.10.1.min.css">
	<link rel="stylesheet" href="css/customize.css">
	<link rel="stylesheet" href="css/font-awesome.css">
	<link rel="stylesheet" href="css/style.css">
	<!-- flexslider css-->
	<link rel="stylesheet" href="css/flexslider.css">
	<!-- fancybox -->
	<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css">
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
		<link rel="stylesheet" href="css/font-awesome-ie7.css">
	<![endif]-->
	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="images/favicon.html">
	<link rel="apple-touch-icon" href="images/apple-touch-icon.html">
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.html">
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.html">
</head>

<body>

	<div id="mainContainer" class="clearfix">

		<!--begain header-->
		<header>
			<div class="upperHeader">
				<div class="container">
                        <ul class="pull-right inline">
                                            <li><a href=""><img src="img/reseausosc/facebook_32.png"/></a></li>
                                            <li><a href="#"><img src="img/reseausosc/google_32.png"/></a></li>
                                            <li><a href="http://twitter.com/amaranthe"><img src="img/reseausosc/twitter_32.png"/></a></li>
                                            <li><a href="#"><img src="img/reseausosc/youtube_32.png"/></a></li>
					</ul>
                        <p>
                            Bienvenu au PA-Learning<a href="login.html">Connexion</a> ou <a href="register.html">Creer un nouveaux Compte</a>
                        </p>
                    </div><!--end container-->
			</div><!--end upperHeader-->

			<div class="middleHeader">
				<div class="container">

					<div class="middleContainer clearfix">

					<div class="siteLogo pull-left">
						<h1><a href="index.html">ShopFine</a></h1>
					</div>

					<div class="pull-right">
						<form method="get" action="http://egythemes.com/shopfine/page" class="siteSearch">
							<div class="input-append">
								<input type="text" class="span2" id="appendedInputButton" placeholder="Search...">
								<button class="btn btn-primary" type="submit" name=""><i class="icon-search"></i></button>
							</div>
						</form>
					</div>

					<div class="pull-right">
						<div class="btn-group">
							<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
							    $ <span class="caret"></span>
							</a>
							<ul class="dropdown-menu currency">
								<li><a href="#">$</a></li>
								<li class="divider"></li>
								<li><a href="#">¥</a></li>
								<li class="divider"></li>
								<li><a href="#">£</a></li>
								<li class="divider"></li>
								<li><a href="#">€</a></li>
							</ul>
						</div>
						<div class="btn-group">
							<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
							    EN <span class="caret"></span>
							</a>
							<ul class="dropdown-menu language">
								<li><a href="#">FR</a></li>
								<li class="divider"></li>
								<li><a href="#">CH</a></li>
								<li class="divider"></li>
								<li><a href="#">AR</a></li>
							</ul>
						</div>

						<div class="btn-group">
							<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
							    <i class="icon-shopping-cart"></i> 3 Items
							    <span class="caret"></span>
							</a>
							<div class="dropdown-menu cart-content pull-right">
								<table class="table-cart">
									<tbody>
									<tr>
										<td class="cart-product-info">
											<a href="#"><img src="img/72x72.jpg" alt="product image"></a>
											<div class="cart-product-desc">
												<p><a class="invarseColor" href="#">Foliomania the designer portfolio brochure</a></p>
												<ul class="unstyled">
													<li>Available: Yes</li>
													<li>Color: Black</li>
												</ul>
											</div>
										</td>
										<td class="cart-product-setting">
											<p><strong>1x-$500.00</strong></p>
											<a href="#" class="remove-pro" data-toggle="tooltip" data-title="Delete"><i class="icon-trash"></i></a>
										</td>
									</tr>
									<tr>
										<td class="cart-product-info">
											<a href="#"><img src="img/72x72.jpg" alt="product image"></a>
											<div class="cart-product-desc">
												<p><a class="invarseColor" href="#">Foliomania the designer portfolio brochure</a></p>
												<ul class="unstyled">
													<li>Available: Yes</li>
													<li>Color: Black</li>
												</ul>
											</div>
										</td>
										<td class="cart-product-setting">
											<p><strong>2x-$450.00</strong></p>
											<a href="#" class="remove-pro" data-toggle="tooltip" data-title="Delete"><i class="icon-trash"></i></a>
										</td>
									</tr>
								</tbody>
								<tfoot>
									<tr>
										<td class="cart-product-info">
											<a href="#" class="btn btn-small">Vew cart</a>
											<a href="#" class="btn btn-small btn-primary">Checkout</a>
										</td>
										<td>
											<h3>TOTAL<br>$1,598.30</h3>
										</td>
									</tr>
								</tfoot>
								</table>
							</div>
						</div>
					</div><!--end pull-right-->

					</div><!--end middleCoontainer-->

				</div><!--end container-->
			</div><!--end middleHeader-->

			<div class="mainNav">
				<div class="container">
					 <div class="navbar">

                            <ul class="nav">
                                <li class="active"><a href="index.html"><i class="icon-home"></i></a></li>
                                <li>
                                    <a href="">A propos<i class="icon-caret-down"></i></a>
                                    <div>
                                        <ul>
                                            <li><a href="index.html"> <span>-</span> index1</a></li>
                                            <li><a href="index2.html"> <span>-</span> index2</a></li>
                                            <li><a href="account.html"> <span>-</span> account</a></li>
                                            <li><a href="login.html"> <span>-</span> login</a></li>
                                            <li><a href="register.html"> <span>-</span> register</a></li>
                                            <li><a href="cart.html"> <span>-</span> Cart</a></li>
                                            <li><a href="wishlist.html"> <span>-</span> wishlist</a></li>
                                            <li><a href="checkout.html"> <span>-</span> Checkout</a></li>
                                            <li><a href="compare.html"> <span>-</span> Compare</a></li>
                                            <li><a href="contact.html"> <span>-</span> Contact</a></li>
                                            <li><a href="search.html"> <span>-</span> Search</a></li>
                                            <li><a href="blog.html"> <span>-</span> blog</a></li>
                                            <li><a href="post.html"> <span>-</span> post</a></li>
                                            <li><a href="category_grid.html"> <span>-</span> category grid</a></li>
                                            <li><a href="category_list.html"> <span>-</span> category list</a></li>
                                            <li><a href="product_details.html"> <span>-</span> product details1</a></li>
                                            <li><a href="product_details2.html"> <span>-</span> product details2</a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#">Cours<i class="icon-caret-down"></i></a>
                                    <div>

                                    </div>
                                </li>
                                <li>
                                    <a href="#">Examen<i class="icon-caret-down"></i></a>
                                    <div>

                                    </div>
                                </li>
                                <li><a href="#">Entreprise</a></li>
                                <li><a href="#">Probleme/Soultion</a></li>
                                <li>
                                    <a href="#">Contactez-nous</a>
                                    <div>

                                    </div>
                                </li>
                                <li><a href="#">OutLet</a></li>

                            </ul><!--end nav-->
					</div>
				</div><!--end container-->
			</div><!--end mainNav-->
			
		</header>
		<!-- end header -->



		<div class="container">

			<div class="row">
				
				<div class="span9">

					<article class="blog-article">
					<div class="row">
						<div class="span4">
							<div class="blog-img">
								<a href="#"><img src="img/294x216.jpg" alt="Blog image"></a>
							</div><!--end blog-img-->
						</div><!--end span4-->

						<div class="span5">
							<div class="blog-content">
								<div class="blog-content-title">
									<h2><a href="#" class="invarseColor">Blog title to go here with an image</a></h2>
								</div>
								<div class="clearfix">
									<ul class="unstyled blog-content-date">
										<li class="pull-right"><i class="icon-comments"></i> 15</li>
										<li class="pull-left"><i class="icon-calendar"></i> 18 Jan, 2013</li>
										<li class="pull-left"><i class="icon-pencil"></i> <a href="#">Huseyin</a></li>
									</ul>
								</div>
								<div class="blog-content-entry">
									<p>
										consectetur adipiscing eli. Nulla tristique posuere felis vel pretium. Sed sit amet nisi elit. Nulla nec congue elit. Nunc vitae dui ornare mi varius placerat. Vestibulum id ligula porta felis euismod semper. Vivamus sagittis lacus vel augue laoreet rutrum.
									</p>
									<a href="#">Contunie &rarr;</a>
								</div>
							</div><!--end blog-content-->
						</div><!--end span5-->
					</div><!--end row-->
					</article><!--end article-->

					<article class="blog-article">
					<div class="row">
						<div class="span4">
							<div class="blog-img">
								<a href="#"><img src="img/294x216.jpg" alt="Blog image"></a>
							</div><!--end blog-img-->
						</div><!--end span4-->

						<div class="span5">
							<div class="blog-content">
								<div class="blog-content-title">
									<h2><a href="#" class="invarseColor">Blog title to go here with an image</a></h2>
								</div>
								<div class="clearfix">
									<ul class="unstyled blog-content-date">
										<li class="pull-right"><i class="icon-comments"></i> 15</li>
										<li class="pull-left"><i class="icon-calendar"></i> 18 Jan, 2013</li>
										<li class="pull-left"><i class="icon-pencil"></i> <a href="#">Huseyin</a></li>
									</ul>
								</div>
								<div class="blog-content-entry">
									<p>
										consectetur adipiscing eli. Nulla tristique posuere felis vel pretium. Sed sit amet nisi elit. Nulla nec congue elit. Nunc vitae dui ornare mi varius placerat. Vestibulum id ligula porta felis euismod semper. Vivamus sagittis lacus vel augue laoreet rutrum.
									</p>
									<a href="#">Contunie &rarr;</a>
								</div>
							</div><!--end blog-content-->
						</div><!--end span5-->
					</div><!--end row-->
					</article><!--end article-->

					<article class="blog-article">
					<div class="row">
						<div class="span4">
							<div class="blog-img">
								<a href="#"><img src="img/294x216.jpg" alt="Blog image"></a>
							</div><!--end blog-img-->
						</div><!--end span4-->

						<div class="span5">
							<div class="blog-content">
								<div class="blog-content-title">
									<h2><a href="#" class="invarseColor">Blog title to go here with an image</a></h2>
								</div>
								<div class="clearfix">
									<ul class="unstyled blog-content-date">
										<li class="pull-right"><i class="icon-comments"></i> 15</li>
										<li class="pull-left"><i class="icon-calendar"></i> 18 Jan, 2013</li>
										<li class="pull-left"><i class="icon-pencil"></i> <a href="#">Huseyin</a></li>
									</ul>
								</div>
								<div class="blog-content-entry">
									<p>
										consectetur adipiscing eli. Nulla tristique posuere felis vel pretium. Sed sit amet nisi elit. Nulla nec congue elit. Nunc vitae dui ornare mi varius placerat. Vestibulum id ligula porta felis euismod semper. Vivamus sagittis lacus vel augue laoreet rutrum.
									</p>
									<a href="#">Contunie &rarr;</a>
								</div>
							</div><!--end blog-content-->
						</div><!--end span5-->
					</div><!--end row-->
					</article><!--end article-->

					<article class="blog-article">
					<div class="row">
						<div class="span4">
							<div class="blog-img">
								<a href="#"><img src="img/294x216.jpg" alt="Blog image"></a>
							</div><!--end blog-img-->
						</div><!--end span4-->

						<div class="span5">
							<div class="blog-content">
								<div class="blog-content-title">
									<h2><a href="#" class="invarseColor">Blog title to go here with an image</a></h2>
								</div>
								<div class="clearfix">
									<ul class="unstyled blog-content-date">
										<li class="pull-right"><i class="icon-comments"></i> 15</li>
										<li class="pull-left"><i class="icon-calendar"></i> 18 Jan, 2013</li>
										<li class="pull-left"><i class="icon-pencil"></i> <a href="#">Huseyin</a></li>
									</ul>
								</div>
								<div class="blog-content-entry">
									<p>
										consectetur adipiscing eli. Nulla tristique posuere felis vel pretium. Sed sit amet nisi elit. Nulla nec congue elit. Nunc vitae dui ornare mi varius placerat. Vestibulum id ligula porta felis euismod semper. Vivamus sagittis lacus vel augue laoreet rutrum.
									</p>
									<a href="#">Contunie &rarr;</a>
								</div>
							</div><!--end blog-content-->
						</div><!--end span5-->
					</div><!--end row-->
					</article><!--end article-->

					<article class="blog-article">
					<div class="row">
						<div class="span4">
							<div class="blog-img">
								<a href="#"><img src="img/294x216.jpg" alt="Blog image"></a>
							</div><!--end blog-img-->
						</div><!--end span4-->

						<div class="span5">
							<div class="blog-content">
								<div class="blog-content-title">
									<h2><a href="#" class="invarseColor">Blog title to go here with an image</a></h2>
								</div>
								<div class="clearfix">
									<ul class="unstyled blog-content-date">
										<li class="pull-right"><i class="icon-comments"></i> 15</li>
										<li class="pull-left"><i class="icon-calendar"></i> 18 Jan, 2013</li>
										<li class="pull-left"><i class="icon-pencil"></i> <a href="#">Huseyin</a></li>
									</ul>
								</div>
								<div class="blog-content-entry">
									<p>
										consectetur adipiscing eli. Nulla tristique posuere felis vel pretium. Sed sit amet nisi elit. Nulla nec congue elit. Nunc vitae dui ornare mi varius placerat. Vestibulum id ligula porta felis euismod semper. Vivamus sagittis lacus vel augue laoreet rutrum.
									</p>
									<a href="#">Contunie &rarr;</a>
								</div>
							</div><!--end blog-content-->
						</div><!--end span5-->
					</div><!--end row-->
					</article><!--end article-->

				</div><!--end span9-->


				<aside class="span3">

					<div class="blog-search">
						<form class="form-search">
						  <div class="input-append">
						    <input type="text" class="span2 search-query" name="" value="" placeholder="Blog Search...">
						    <button type="submit" class="btn">Search</button>
						  </div>
						</form>
					</div><!--end blog-search-->

					<div class="blog-tab">
						<ul class="nav nav-tabs">
						  <li class="active">
						  	<a href="#popular-post" data-toggle="tab"><i class="icon-book"></i></a>
						  </li>
						  <li>
						  	<a href="#recent-post" data-toggle="tab"><i class="icon-time"></i></a>
						  </li>
						  <li>
						  	<a href="#recent-comments" data-toggle="tab"><i class="icon-comments"></i></a>
						  </li>
						  <li>
						  	<a href="#tags-post" data-toggle="tab"><i class="icon-tags"></i></a>
						  </li>
						</ul>
						<div class="tab-content">
							<div class="tab-pane active" id="popular-post">
								<ul class="vProductItemsTiny">
									<li class="span4 clearfix">
										<div class="thumbImage">
											<a href="#"><img src="img/72x72.jpg" alt=""></a>
										</div>
										<div class="thumbSetting">
											<div class="thumbTitle">
												<a href="#" class="invarseColor">
													Foliomania the title here
												</a>
												<br>
												<small>23, Jan 2012</small>
											</div>
										</div>
									</li>
									<li class="span4 clearfix">
										<div class="thumbImage">
											<a href="#"><img src="img/72x72.jpg" alt=""></a>
										</div>
										<div class="thumbSetting">
											<div class="thumbTitle">
												<a href="#" class="invarseColor">
													Foliomania the title here
												</a>
												<br>
												<small>23, Jan 2012</small>
											</div>
										</div>
									</li>
									<li class="span4 clearfix">
										<div class="thumbImage">
											<a href="#"><img src="img/72x72.jpg" alt=""></a>
										</div>
										<div class="thumbSetting">
											<div class="thumbTitle">
												<a href="#" class="invarseColor">
													Foliomania the title here
												</a>
												<br>
												<small>23, Jan 2012</small>
											</div>
										</div>
									</li>
									<li class="span4 clearfix">
										<div class="thumbImage">
											<a href="#"><img src="img/72x72.jpg" alt=""></a>
										</div>
										<div class="thumbSetting">
											<div class="thumbTitle">
												<a href="#" class="invarseColor">
													Foliomania the title here
												</a>
												<br>
												<small>23, Jan 2012</small>
											</div>
										</div>
									</li>
								</ul>
							</div>
							<div class="tab-pane" id="recent-post">
								<ul class="vProductItemsTiny">
									<li class="span4 clearfix">
										<div class="thumbImage">
											<a href="#"><img src="img/72x72.jpg" alt=""></a>
										</div>
										<div class="thumbSetting">
											<div class="thumbTitle">
												<a href="#" class="invarseColor">
													Foliomania the title here
												</a>
												<br>
												<small>23, Jan 2012</small>
											</div>
										</div>
									</li>
									<li class="span4 clearfix">
										<div class="thumbImage">
											<a href="#"><img src="img/72x72.jpg" alt=""></a>
										</div>
										<div class="thumbSetting">
											<div class="thumbTitle">
												<a href="#" class="invarseColor">
													Foliomania the title here
												</a>
												<br>
												<small>23, Jan 2012</small>
											</div>
										</div>
									</li>
									<li class="span4 clearfix">
										<div class="thumbImage">
											<a href="#"><img src="img/72x72.jpg" alt=""></a>
										</div>
										<div class="thumbSetting">
											<div class="thumbTitle">
												<a href="#" class="invarseColor">
													Foliomania the title here
												</a>
												<br>
												<small>23, Jan 2012</small>
											</div>
										</div>
									</li>
									<li class="span4 clearfix">
										<div class="thumbImage">
											<a href="#"><img src="img/72x72.jpg" alt=""></a>
										</div>
										<div class="thumbSetting">
											<div class="thumbTitle">
												<a href="#" class="invarseColor">
													Foliomania the title here
												</a>
												<br>
												<small>23, Jan 2012</small>
											</div>
										</div>
									</li>
								</ul>
							</div>
							<div class="tab-pane" id="recent-comments">
								<ul class="vProductItemsTiny">
									<li class="span4 clearfix">
										<div class="thumbImage">
											<a href="#"><img src="img/72x72.jpg" alt=""></a>
										</div>
										<div class="thumbSetting">
											<div class="thumbTitle">
												By:<a href="#" class="invarseColor">SomeGuy</a>
												<br>
												On: <a href="#">Foliomania the title here</a>
											</div>
										</div>
									</li>
									<li class="span4 clearfix">
										<div class="thumbImage">
											<a href="#"><img src="img/72x72.jpg" alt=""></a>
										</div>
										<div class="thumbSetting">
											<div class="thumbTitle">
												By:<a href="#" class="invarseColor">SomeGuy</a>
												<br>
												On: <a href="#">Foliomania the title here</a>
											</div>
										</div>
									</li>
									<li class="span4 clearfix">
										<div class="thumbImage">
											<a href="#"><img src="img/72x72.jpg" alt=""></a>
										</div>
										<div class="thumbSetting">
											<div class="thumbTitle">
												By:<a href="#" class="invarseColor">SomeGuy</a>
												<br>
												On: <a href="#">Foliomania the title here</a>
											</div>
										</div>
									</li>
									<li class="span4 clearfix">
										<div class="thumbImage">
											<a href="#"><img src="img/72x72.jpg" alt=""></a>
										</div>
										<div class="thumbSetting">
											<div class="thumbTitle">
												By:<a href="#" class="invarseColor">SomeGuy</a>
												<br>
												On: <a href="#">Foliomania the title here</a>
											</div>
										</div>
									</li>
								</ul>
							</div>
							<div class="tab-pane" id="tags-post">
								Put some Content Tags Here to display it on tabs...
							</div>
						</div><!--end tab-content-->
					</div><!--end blog-tab-->

					<div class="blog-category categories">
						<div class="titleHeader clearfix">
							<h3>Categories</h3>
						</div><!--end titleHeader-->
						<ul class="unstyled">
							<li><a class="invarseColor" href="#"><i class="icon-caret-right"></i> Category No.1</a></li>
							<li><a class="invarseColor" href="#"><i class="icon-caret-right"></i> Category No.2</a></li>
							<li><a class="invarseColor" href="#"><i class="icon-caret-right"></i> Category No.3</a></li>
							<li><a class="invarseColor" href="#"><i class="icon-caret-right"></i> Category No.4</a></li>
							<li><a class="invarseColor" href="#"><i class="icon-caret-right"></i> Category No.5</a></li>
						</ul>
					</div><!--end blog-category-->

					<div class="blog-adds">
						<a href="#"><img src="img/214x136.jpg" alt="Adds"></a>
					</div><!--end blog-adds-->

					<div class="blog-twitter">
						<div class="titleHeader clearfix">
							<h3>Twitter Feeds</h3>
						</div><!--end titleHeader-->

						<div class="tweet">
							<!-- tweets will generate automaticlly here-->
						</div><!--end tweet-->
						
					</div><!--end blog-twitter-->

				</aside><!--end span3-->

			</div><!--end row-->

		</div><!--end conatiner-->


		<!--begain footer-->
		<footer>
		<div class="footerOuter">
			<div class="container">
				<div class="row-fluid">

					<div class="span6">
						<div class="titleHeader clearfix">
							<h3>Usefull Links</h3>
						</div>

						
						<div class="usefullLinks">
							<div class="row-fluid">
								<div class="span6">
									<ul class="unstyled">
										<li><a class="invarseColor" href="#"><i class="icon-caret-right"></i> About Us</a></li>
										<li><a class="invarseColor" href="#"><i class="icon-caret-right"></i> Delivery Information</a></li>
										<li><a class="invarseColor" href="#"><i class="icon-caret-right"></i> Privecy Police</a></li>
										<li><a class="invarseColor" href="#"><i class="icon-caret-right"></i> Tarms &amp; Condations</a></li>
									</ul>
								</div>

								<div class="span6">
									<ul class="unstyled">
										<li><a class="invarseColor" href="#"><i class="icon-caret-right"></i> Surf Brands</a></li>
										<li><a class="invarseColor" href="#"><i class="icon-caret-right"></i> Customer Support</a></li>
										<li><a class="invarseColor" href="#"><i class="icon-caret-right"></i> Special Gifs</a></li>
										<li><a class="invarseColor" href="#"><i class="icon-caret-right"></i> Browse Site Map</a></li>
									</ul>
								</div>
							</div>
						</div>

					</div><!--end span6-->

					<div class="span3">
						<div class="titleHeader clearfix">
							<h3>Contact Info</h3>
						</div>

						<div class="contactInfo">
							<ul class="unstyled">
								<li>
									<button class="btn btn-small">
										<i class="icon-volume-up"></i>
									</button>
									Call Us: <a class="invarseColor" href="#">5246-4697-891</a>
								</li>
								<li>
									<button class="btn btn-small">
										<i class="icon-envelope-alt"></i>
									</button>
									<a class="invarseColor" href="#">shopfine@shopfine.com</a>
								</li>
								<li>
									<button class="btn btn-small">
										<i class="icon-map-marker"></i>
									</button>
									22 Avenue Park, Los Angeles
								</li>
							</ul>
						</div>

					</div><!--end span3-->

					<div class="span3">
						<div class="titleHeader clearfix">
							<h3>Newslatter</h3>
						</div>

						<div class="newslatter">
							<form method="get" action="http://egythemes.com/shopfine/page">
								<input class="input-block-level" type="text" name="email" value="" placeholder="Your Name...">
								<input class="input-block-level" type="text" name="email" value="" placeholder="Your E-Mail...">
								<button class="btn btn-block" type="submit" name="">Join Us Now</button>
							</form>
						</div>

					</div><!--end span3-->

				</div><!--end row-fluid-->

			</div><!--end container-->
		</div><!--end footerOuter-->

		<div class="container">
			<div class="row">
				<div class="span12">
					<ul class="payments inline pull-right">
						<li class="visia"></li>
						<li class="paypal"></li>
						<li class="electron"></li>
						<li class="discover"></li>
					</ul>
					<p>© Copyrights 2012 for shopfine.com</p>
				</div>
			</div>
		</div>
		</footer>
		<!--end footer-->

	</div><!--end mainContainer-->


	<!-- Sidebar Widget
	================================================== -->

	<!-- End Sidebar Widget-->


	<!-- JS
	================================================== -->
	<script src="js/jquery.min.js"></script>
	<script src="js/jquery-ui.min.js"></script>
	<!-- jQuery.Cookie -->
	<script src="js/jquery.cookie.js"></script>
	<!-- bootstrap -->
    <script src="js/bootstrap.min.js"></script>
    <!-- flexslider -->
    <script src="js/jquery.flexslider-min.js"></script>
    <!-- cycle2 -->
    <script src="js/jquery.cycle2.min.js"></script>
    <script src="js/jquery.cycle2.carousel.min.js"></script>
    <!-- tweets -->
    <script src="js/jquery.tweet.js"></script>
    <!-- fancybox -->
    <script src="js/fancybox/jquery.fancybox.js"></script>
    <!-- custom function-->
    <script src="js/custom.js"></script>
    
</body>



</html>